@import '@/lib/reset.scss';

.ant-carousel .slick-slide {
    text-align: center;
    height: 236px;
    line-height: 236px;
    // background: #364d79;
    overflow: hidden;
  }
  
  .ant-carousel .slick-slide h3 {
    color: #fff;
    height: 236px;
  }

.w-banner {
    div{
        height: 270px !important;
    }
    img {
        @include rect(590px, 236px);
        cursor: pointer;
    }
    li {
        background-color: #ccc !important
    }
    .ant-carousel .slick-dots li.slick-active button {
        background-color: #888 !important
    }
}

  #banner-box1 {
      @include rect(590px, 236px);
    //   background: #f00;
      float: left;
      margin-right: 20px 
  }
  #banner-box2 {
    @include rect(590px, 236px);
    // background: #f00;
    float: left;
    margin-right: 20px 
}
#banner-box3 {
    @include rect(590px, 236px);
    // background: #f00;
    float: left;
    margin-right: 20px 
}
#banner-box4 {
    @include rect(590px, 236px);
    // background: #f00;
    float: left;
    margin-right: 20px 
}
